import QtQuick 1.0
import QtWebKit 1.0

Rectangle {
    width: parent.width
    height: parent.height

    signal closed


    WebView {
        id: detailsChart
        //x: 0
        //y: 0
        width: parent.width
        height: parent.height/2
        url: "../accountDetailsChart.html"
    }

    Rectangle {
        id: detailsStats
        width: parent.width
        height: parent.height/2

        anchors.top: detailsChart.bottom;
        Grid {
            anchors.fill: parent;
            anchors.margins: 20;
            columns: 2
            spacing: 15
            Text {
                id: visitsLabel
                width:200
                //anchors.verticalCenter: parent.verticalCenter
                text: 'Visits'
                font.pixelSize: 18
                color: "black"
            }
            Text {
                id: visitsValue
                //anchors.verticalCenter: parent.verticalCenter
                text: '315'
                font.pixelSize: 18
                color: "black"
            }
            Text {
                id: pageviewsLabel
                width:200
                //anchors.verticalCenter: parent.verticalCenter
                text: 'Pageviews'
                font.pixelSize: 18
                color: "black"
            }
            Text {
                id: pageviewsValue
                //anchors.verticalCenter: parent.verticalCenter
                text: '520'
                font.pixelSize: 18
                color: "black"
            }
            Text {
                id: pagesPerVisitsLabel
                width:200
                //anchors.verticalCenter: parent.verticalCenter
                text: 'Pages/Visit'
                font.pixelSize: 18
                color: "black"
            }
            Text {
                id: pagesPerVisitsValue
                //anchors.verticalCenter: parent.verticalCenter
                text: '4.5'
                font.pixelSize: 18
                color: "black"
            }
            Text {
                id: bounceRateLabel
                width:200
                //anchors.verticalCenter: parent.verticalCenter
                text: 'Bounce Rate'
                font.pixelSize: 18
                color: "black"
            }
            Text {
                id: bounceRateValue
                //anchors.verticalCenter: parent.verticalCenter
                text: '4.5' + '%'
                font.pixelSize: 18
                color: "black"
            }
        }
    }
}
